<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>缩略图</title>
		<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum=1.0,minimum-scale=1.0"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<script src="js/jquery-1.12.4.js"></script>
		<script src="js/bootstrap.js"></script>
	</head>
	<body>
		<!--<div class="container">
    <div class="row">
        <div class="col-md-2 col-xs-6">
            <a class="thumbnail" href="#">
                <img src="image/img1.jpg" alt=""/>
            </a>
        </div>
        <div class="col-md-2 col-xs-6">
            <a class="thumbnail" href="#">
                <img src="image/img2.jpg" alt=""/>
            </a>
        </div>
        <div class="col-md-2 col-xs-6">
            <a class="thumbnail" href="#">
                <img src="image/img3.jpg" alt=""/>
            </a>
        </div>
        <div class="col-md-2 col-xs-6">
            <a class="thumbnail" href="#">
                <img src="image/img4.jpg" alt=""/>
            </a>
        </div>
        <div class="col-md-2 col-xs-6">
            <a class="thumbnail" href="#">
                <img src="image/img5.jpg" alt=""/>
            </a>
        </div>
        <div class="col-md-2 col-xs-6">
            <a class="thumbnail" href="#">
                <img src="image/img6.jpg" alt=""/>
            </a>
        </div>
    </div>
</div>-->
<div class="container">
    <div class="row">
        <div class="  col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="image/img1.jpg" alt="">
                <div class="caption">
                    <h3>左耳</h3>
                    <p>放肆青春掀全民追忆</p>
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="  col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="image/img2.jpg" alt="">
                <div class="caption">
                    <h3>王朝的女人·杨贵妃</h3>
                    <p>重现盛唐传奇爱情巨制</p>
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="  col-md-3 col-xs-6" >
            <div class="thumbnail">
                <img src="image/img3.jpg" alt="">
                <div class="caption">
                    <h3>疯狂外星人</h3>
                    <p>外星人版谢耳朵</p>
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="  col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="image/img4.jpg" alt="">
                <div class="caption">
                    <h3>命中注定</h3>
                    <p>汤唯异国他乡的寻爱之旅</p>
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>


    </div>
</div>
	</body>
</html>